var  tan = document.querySelector(".telephone .num");
var area = document.querySelector(".telephone .area");
var lis = document.querySelectorAll(".area ul li");
var number = document.querySelector("#number");
var sign = document.querySelectorAll(" .telephone .area .sign");
console.log(sign);
// console.log(tan,area);

var isMouse = true;
tan.onclick = function(){
    if(isMouse){
        area.style.display = "block";
        isMouse = false;
    }else{
        area.style.display = "none";
        isMouse = true;
    }
}

function setNumber(){
    for(var i = 0;i < lis.length;i++){
        lis[i].onclick = function(){
            var num = this.innerText;
            var txt = "+" + num.replace(/[^0-9]/ig,"");
            console.log(txt);
            number.innerText = txt;
            area.style.display = "none";
            //首列
            for(var j = 0;j < sign.length;j ++){
                sign[j].onclick = function(){
                    number.innerText = txt;
                }
            }

        }
    }
}
setNumber();




var tips = document.getElementsByClassName("tips")[0];
var phone = document.querySelector(".telephone input");
var password = document.querySelector(".password input");
var btn = document.querySelector(".submit input");

// 手机正则测试
var regEX0 = /^13[0-9]{9}$/;
// console.log(regEX0.test("13532dfggg8"));
// console.log(regEX0.test("13532562098"));

// 密码正则测试
//密码 字母 数字 下划线 
var regEX1 = /^[\w]{6,12}$/;
// console.log(regEX1.test("_aaa12344"));

// var time = window.setTimeout(function(){
//     clearTimeout(time);
//     phone.oninput = function(){
//         var v1 = this.value;
//         console.log(v1);
//         if(v1.length == 0){
//             return;
//         }
//         if(regEX0.test(v1)){
//             tips.style.display = "none";
//         }else{
//             tips.style.display = "block";
//         }
//     }
// },3000);

// phone.onblur = function(){
//     var v1 = this.value;
//     console.log(v1);
//     if(v1.length == 0){
//         return;
//     }
//     if(regEX0.test(v1)){
//         tips.style.display = "none";
//     }else{
//         tips.style.display = "block";
//     }
// }

// password.onblur = function(){
//     var v2 = this.value;
//     console.log(v2);
//     if(v2.length == 0){
//         return;
//     }
//     if(regEX1.test(v2)){
//         tips.style.display = "none";
//     }else{
//         tips.style.display = "block";
//     }
// }


btn.onclick = function(){
    var v1 = phone.value;
    var v2 = password.value;

   if((v1.length == 0 || v2.length == 0)){
      tips.style.display = "block";
      tips.textContent = "请输入手机号码";
    }

    if(regEX0.test(v1) &&  regEX1.test(v2)){
        tips.style.display = "none";
    }else{
        tips.style.display = "block";
    }
}


// 隐藏
phone.onclick = function(){
    tips.style.display = "none";
}

password.onclick = function(){
    tips.style.display = "none";
}